<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="pt-br">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>SCC - Sistema Cadeia De Custódia</title>

<link href="css/reset.css" rel="stylesheet" type="text/css" />
<link href="css/geral.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" type="text/css" href="css/menu.css" media="screen" />
<link href="css/960.css" rel="stylesheet" type="text/css" />
<link href="css/contraste.css" rel="stylesheet" type="text/css" />

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<noscript>Para completa funcionalidade deste site é necessário habilitar o JavaScript.
 Aqui estão as <a href="http://www.enable-javascript.com/pt/" target="_blank">
 instruções de como habilitar o JavaScript no seu navegador</a>.</noscript>
<script type="text/javascript" src="js/jquery.tools.min.js"></script>
<noscript>Para completa funcionalidade deste site é necessário habilitar o JavaScript.
 Aqui estão as <a href="http://www.enable-javascript.com/pt/" target="_blank">
 instruções de como habilitar o JavaScript no seu navegador</a>.</noscript>
<script type="text/javascript" src="js/jquery.fontResizer.js"></script>
<noscript>Para completa funcionalidade deste site é necessário habilitar o JavaScript.
 Aqui estão as <a href="http://www.enable-javascript.com/pt/" target="_blank">
 instruções de como habilitar o JavaScript no seu navegador</a>.</noscript>
<script type="text/javascript" src="js/contraste.js"></script>
<noscript>Para completa funcionalidade deste site é necessário habilitar o JavaScript.
 Aqui estão as <a href="http://www.enable-javascript.com/pt/" target="_blank">
 instruções de como habilitar o JavaScript no seu navegador</a>.</noscript>
<script type="text/javascript" src="js/effects.js"></script>
<noscript>Para completa funcionalidade deste site é necessário habilitar o JavaScript.
 Aqui estão as <a href="http://www.enable-javascript.com/pt/" target="_blank">
 instruções de como habilitar o JavaScript no seu navegador</a>.</noscript>
<script type="text/javascript" src="js/menu.js"></script>
<noscript>Para completa funcionalidade deste site é necessário habilitar o JavaScript.
 Aqui estão as <a href="http://www.enable-javascript.com/pt/" target="_blank">
 instruções de como habilitar o JavaScript no seu navegador</a>.</noscript>
<script type="text/javascript" src="js/jquery-ui.js"></script>
<noscript>Para completa funcionalidade deste site é necessário habilitar o JavaScript.
 Aqui estão as <a href="http://www.enable-javascript.com/pt/" target="_blank">
 instruções de como habilitar o JavaScript no seu navegador</a>.</noscript>

<script type="text/javascript">
jQuery(document).ready(function($){
	$('.disabled').attr('readonly','readonly');
    $('#content p, .container_16, .container_16_fildset, .resizeMe, .formulario_button,.texto_normal,.tabelaSimples th,.tabelaSimples td,.paginacao span,.grid_layout,.formulario .rotulo').fontResizer(

  {

      minFont:12,

      maxFont:16,

      increment:1

        }

    );

});
</script>
<noscript>Para completa funcionalidade deste site é necessário habilitar o JavaScript.
 Aqui estão as <a href="http://www.enable-javascript.com/pt/" target="_blank">
 instruções de como habilitar o JavaScript no seu navegador</a>.</noscript>



</head>

<body lang="pt-br">



<!-- barra do brasil -->
<div class="barra">
	  <div class="barra_brasil_alinhamento"></div>
</div>
<!-- fim da barra do brasil -->

<!-- topo -->

<div class="bgTopoGeral">
<div class="topoGeralInterna">
    <div class="topo_geral_alinhamento">
    <div class="topo_left">
      <div class="logo_sfb"><a href="#" title="Logo SFB">SFB</a></div>
      <div class="titulo_sistema">
        <h1>SCC</h1>
        <h3>Sistema Cadeia De Custódia</h3>
      </div>
    </div>
    <!-- início topo logomarca -->
    <div class="topo_right">
     
   <!-- inicio acessibilidade -->   
      <div class="box_botoes_acessibilidade">
		  <ul>
			  <li><a class="decreaseClickItem" href="#" title="Diminuir Fonte"><img src="images/bt_acess_diminuir.png" width="18" height="13" alt="Diminuir fonte"/></a></li>
			  <li><a class="setFontSize" href="#" title="Tamanho Normal" name="12"><img src="images/bt_acess_normal.png" width="18" height="13" alt=" Tamanho normal"/></a></li>
			  <li><a class="increaseClickItem" href="#" title="Aumentar Fonte"><img src="images/bt_acess_aumentar.png" width="18" height="13" alt="Aumentar fonte" /></a></li>
			  <li><a title="Contraste" href="#" id="lbkContraste" onclick="atribuirContraste()" onkeypress="atribuirContraste()"><img src="images/bt_acess_contraste.png" width="13" height="13" alt="Contraste"/></a></li>
		  </ul>
      </div>
   <!-- fim dos botoes acessibilidade -->   
      
      
      <!--<div id="box_info_usuario">
        <div id="box_info_usuario_tempo">Tempo restante: 50 min 30seg.</div>
        <div id="box_info_usuario_pc"><img src="images/icon_monitor.png" width="15" height="15" alt="Status da conexão"/></div>
        <div id="box_info_usuario_status"><img src="images/status_conexao_verde.png" width="9" height="10" alt="Status da conexão"/></div>
        <div id="box_info_usuario_sair"><img src="images/btn_sair.png" width="21" height="21" alt="Botão Sair"/></div>
      </div>-->
      
      
    </div>
    <!-- fim topo logomarca -->
  </div>
</div>
</div>
<!-- fim topo -->


<!-- início menu principal -->
<div class="BoxMenuPrincipal">
        <div class="BoxMenuPrincipal_alinhamento">
        <ul class="sf-menu">
                        <li class="current">
                            <a class="sf-with-ul" href="#a">menu item<span class="sf-sub-indicator"> &#187;</span></a>
                            <ul class="bordasB">
                                <li>
                                    <a href="#aa">menu item that is quite long</a>
                                </li>
                                <li class="current">
                                    <a class="sf-with-ul" href="#ab">menu item<span class="sf-sub-indicator"> &#187;</span></a>
                                    <ul>
                                        <li class="current"><a href="#">menu item that is even longer still!</a></li>
                                        <li><a href="#aba">menu item</a></li>
                                        <li><a href="#abb">menu item</a></li>
                                        <li><a href="#abc">menu item</a></li>
                                        <li><a href="#abd">menu item</a></li>
                                    </ul>
                                </li>
                                <li>
                                    <a class="sf-with-ul" href="#">menu item<span class="sf-sub-indicator"> &#187;</span></a>
                                    <ul>
                                        <li><a href="#">menu item</a></li>
                                        <li><a href="#">menu item</a></li>
                                        <li><a href="#">menu item</a></li>
                                        <li><a href="#">menu item</a></li>
                                        <li><a href="#">menu item</a></li>
                                    </ul>

                                </li>
                                <li>
                                    <a class="sf-with-ul" href="#">menu item<span class="sf-sub-indicator"> &#187;</span></a>
                                    <ul>
                                        <li><a href="#">menu item</a></li>
                                        <li><a href="#">menu item</a></li>
                                        <li><a href="#">menu item</a></li>
                                        <li><a href="#">menu item</a></li>
                                        <li><a href="#">menu item</a></li>
                                    </ul>
                                </li>
                            </ul>
                        </li>
                        <li>
                            <a href="#">menu item</a>

                        </li>
                        <li>
                            <a class="sf-with-ul" href="#">menu item<span class="sf-sub-indicator"> &#187;</span></a>
                            <ul>
                                <li>
                                    <a class="sf-with-ul" href="#">menu item<span class="sf-sub-indicator"> &#187;</span></a>
                                    <ul>
                                        <li><a href="#">short</a></li>
                                        <li><a href="#">short</a></li>
                                        <li><a href="#">short</a></li>
                                        <li><a href="#">short</a></li>
                                        <li><a href="#">short</a></li>
                                    </ul>

                                </li>
                                <li>
                                    <a class="sf-with-ul" href="#">menu item<span class="sf-sub-indicator"> &#187;</span></a>
                                    <ul>
                                        <li><a href="#">menu item</a></li>
                                        <li><a href="#">menu item</a></li>
                                        <li><a href="#">menu item</a></li>
                                        <li><a href="#">menu item</a></li>
                                        <li><a href="#">menu item</a></li>
                                    </ul>
                                </li>
                                <li>
                                    <a class="sf-with-ul" href="#">menu item<span class="sf-sub-indicator"> &#187;</span></a>
                                    <ul>
                                        <li><a href="#">menu item</a></li>
                                        <li><a href="#">menu item</a></li>
                                        <li><a href="#">menu item</a></li>
                                        <li><a href="#">menu item</a></li>
                                        <li><a href="#">menu item</a></li>
                                    </ul>

                                </li>
                                <li>
                                    <a class="sf-with-ul" href="#">menu item<span class="sf-sub-indicator"> &#187;</span></a>
                                    <ul>
                                        <li><a href="#">menu item</a></li>
                                        <li><a href="#">menu item</a></li>
                                        <li><a href="#">menu item</a></li>
                                        <li><a href="#">menu item</a></li>
                                        <li><a href="#">menu item</a></li>
                                    </ul>
                                </li>
                                <li>
                                    <a class="sf-with-ul" href="#">menu item<span class="sf-sub-indicator"> &#187;</span></a>
                                    <ul>
                                        <li><a href="#">menu item</a></li>
                                        <li><a href="#">menu item</a></li>
                                        <li><a href="#">menu item</a></li>
                                        <li><a href="#">menu item</a></li>
                                        <li><a href="#">menu item</a></li>
                                    </ul>

                                </li>
                            </ul>
                        </li>
                        <li>
                            <a href="#">menu item</a>
                        </li>
                    </ul>
                    
                    <div class="boxInfoUser">
                    	<a href="#">Logout</a>
                    	<span>Nome do usuário logado</span>
                        
                    </div>
					<script type="text/javascript">
                        $(document).ready(function(){
                            $("ul.sf-menu").supersubs({
                                minWidth:    12,   // minimum width of sub-menus in em units
                                maxWidth:    27,   // maximum width of sub-menus in em units
                                extraWidth:  1     // extra width can ensure lines don't sometimes turn over
                                // due to slight rounding differences and font-family
                            }).superfish();  // call supersubs first, then superfish, so that subs are
                            // not display:none when measuring. Call before initialising
                            // containing tabs for same reason.
                        });
 
                    </script>
                    <noscript>Para completa funcionalidade deste site é necessário habilitar o JavaScript.
 Aqui estão as <a href="http://www.enable-javascript.com/pt/" target="_blank">
 instruções de como habilitar o JavaScript no seu navegador</a>.</noscript>
        </div>
        </div>
 <!-- fim do novo menu acessivel --> 

<div class="geral">
				<!-- BOX MIGALHA -->
                 <div class="sombraMigalha">
                 <div class="boxMigalha">
                 	<div class="boxMigalhaCenter">
                        <!-- informaações do usuário -->
                        <div class="BoxHorarioData">
                         05 de abril de 2013 - Horário de Brasília: 10:15:30
   						</div>
                        <!-- fim informa??es do usu?rio -->
                        <!-- migalha de p?o -->
                        <div class="BoxConteudoPrincipal_migalha">
		                   <ul>	
								 <li><a href="#">Página inicial</a>/</li>
								 <li><a href="#">Lorem Ipsum</a>/</li>
								 <li><a href="#">Lorem Ipsum</a>/</li>
								 <li><span>Lorem Ipsum</span></li>
		                   </ul>
                        </div>
                     </div>
                 </div>
                 </div>
                 <!-- FIM MIGALHA -->
                 
                 
                 <!-- início conteudo -->
                        <div class="BoxConteudoPrincipal">
                 		
 						
                        <!-- titulo pagina -->
                        <h2 class="tituloPrincipal">Cadastro de Veículo</h2>
                        <!-- fim titulo -->

                        <div class="container_16 float_l">
                        
                        <!-- inicio formulario -->
                        <form method="get" class="formulario" action="#">
                        <div class="sombraBox">
						
                        <div class="container_16 msgsAlertas delta10">
                        <ul tabindex="1">
                            <li class="msgERRO">Informe ao menos um parâmetro para consulta!</li>
                        </ul>
                        </div>
                        <fieldset>
							    <legend>PESQUISA VEÍCULO</legend>   
								
								<div class="clear"></div> 
                          
							    <div class="grid_6">
								     <span class="rotulo">Tipo:</span>
								     <select class="grid_layout">
										 <option>Selecione</option>
										 <option>2013</option>
										 <option>2012</option>
										 <option>2011</option>
										 <option>2010</option>
								     </select>   
							    </div> 
                          
							    <div class="grid_4">
								     <label class="rotulo" for="placa">Placa:</label>
								     <input type="text" class="grid_layout" value="" id="placa"/>
							    </div>
							
								<div class="grid_3">
								     <label class="rotulo" for="rntrc">RNTRC:</label>
								     <input type="text" class="grid_layout" value="" id="rntrc"/>
							    </div>
						  
							    <div class="grid_3">
									<span class="rotulo" for="">Status:</span> 
									<div class="grid_3 alpha omega">
										 <label class="float_l omega10" for="ativo"><input type="radio" name="status" value="Lorem" id="ativo" />Ativo</label>
										 <label for="inativo"><input type="radio" name="status" value="Lorem" id="inativo" />Inativo</label>
									</div>                                  
							    </div>  
								
								<div class="clear"></div> 
                                
                    
                        <!-- fim formulario -->
                        </fieldset>
                        </div>
                        
                        
                        <div class="float_r beta10">
                                <input type="button" class="formulario_button" value="Limpar" name="Limpar" />
                                <input type="button" class="formulario_button" value="Pesquisar" name="Pesquisar" />
                                <input type="button" class="formulario_button" value="Novo" name="Novo" />
                        </div>
                        
                        <div class="clear"></div>
                        
                        
                        <!-- inicio da grid resultados -->
                        
                        <div class="sombraBox beta10">
                        <div class="container_16 boxGrid" style="font-size: 12px;">

                                <div class="tabelaSimples texto_normal">
                                
                                				<table width="100%" cellspacing="1">
                                                    <caption>Título da Tabela</caption>
                                                    <thead>
                                                    	<tr>
															<th id="tipo">Tipo<a title="Ordenar Crescente" class="ordenarAZ" href="#">ordernar</a></th>
															<th id="placa">Placa<a title="Ordenar Decrescente" class="ordenarZA" href="#">ordernar</a></th>
															<th id="rntrc">RNTRC<a title="Ordenar Decrescente" class="ordenarZA" href="#">ordernar</a></th>
															<th id="status">Status<a title="Ordenar Decrescente" class="ordenarZA" href="#">ordernar</a></th>
															<th id="acoes" width="10%">Ações</th>
                                                        </tr>   
                                                    </thead>
                                                    <tbody>
                                                        <tr class="listra">
                                                            <td headers="tipo">Terrestre</td>
                                                            <td headers="placa">AED-9999/XXX-9999/AOB-9999/AOB-9999</td>
															<td headers="rntrc">AED-9999</td>
                                                            <td headers="status">Ativo</td>                                                        
                                                            <td headers="acoes">
																<ul>
																	<li><a title="Editar" class="acoesIcones icoAcaoEditar lightbox" href="#">Editar</a></li>
																	<li><a title="Ativar" class="acoesIcones icoAcaoAtivo lightbox" href="#">Status Ativo</a></li>
																	<li><a title="Inativo" class="acoesIcones icoAcaoInativo lightbox" href="#">Status Inativo</a></li>
																	<li><a title="Excluir" class="acoesIcones icoAcaoExcluir lightbox" href="#">Excluir</a></li>
																</ul>
                                                            </td>
                                                        </tr>
                                                        <tr>
                                                            <td headers="tipo"></td>
                                                            <td headers="placa"></td>
															<td headers="rntrc"></td>
                                                            <td headers="status"></td>                                                          
                                                            <td headers="acoes">
																<ul>
																	<li><a title="Editar" class="acoesIcones icoAcaoEditar lightbox" href="#">Editar</a></li>
																	<li><a title="Ativar" class="acoesIcones icoAcaoAtivo lightbox" href="#">Status Ativo</a></li>
																	<li><a title="Inativo" class="acoesIcones icoAcaoInativo lightbox" href="#">Status Inativo</a></li>
																	<li><a title="Excluir" class="acoesIcones icoAcaoExcluir lightbox" href="#">Excluir</a></li>
																</ul>
                                                            </td>
                                                        </tr>
                                                        <tr class="listra">
                                                            <td headers="tipo"></td>
                                                            <td headers="placa"></td>
															<td headers="rntrc"></td>
                                                            <td headers="status"></td>                                                        
                                                            <td headers="acoes">
																<ul>
																	<li><a title="Editar" class="acoesIcones icoAcaoEditar lightbox" href="#">Editar</a></li>
																	<li><a title="Ativar" class="acoesIcones icoAcaoAtivo lightbox" href="#">Status Ativo</a></li>
																	<li><a title="Inativo" class="acoesIcones icoAcaoInativo lightbox" href="#">Status Inativo</a></li>
																	<li><a title="Excluir" class="acoesIcones icoAcaoExcluir lightbox" href="#">Excluir</a></li>
																</ul>
                                                            </td>
                                                        </tr>
                                                    </tbody>
                                                </table>       
                   					 </div>
                                     
                                     <!-- inicio paginação -->
                                     
                                     <div class="barraFerramentas">
                                            <div class="paginacao">
                                                <select class="grid_layout float_l">
                                                    <option>5</option>
                                                    <option selected="selected">10</option>
                                                    <option>50</option>
                                                    <option>100</option>
                                                </select>
                                                <span>Exibindo <strong>1</strong> - <strong>10</strong> de <strong>62</strong> registros</span>
                                                <div class="controlesPaginacao">
                                                    <ul>
                                                    <li><a href="#"><img src="images/setaInicio.png" width="16" height="16" alt="Início" title="Início" /></a></li>
                                                    <li><a href="#"><img src="images/setaVoltar.png" width="16" height="16" alt="Voltar Página" title="Voltar Página" /></a></li>
                                                    <li class="paginacaoNumero">
                                                    	<input type="text" class="grid_layout grid_1 float_n m0" name="" value="" id="paginacaoNumero" /><label class="float_r" for="paginacaoNumero">de 10</label>
                                                    </li>
                                                    <li><a href="#"><img src="images/setaAvancar.png" width="16" height="16" alt="Avançar Página" title="Avançar Página" /></a></li>
                                                    <li><a href="#"><img src="images/setaFim.png" width="16" height="16" alt="Última Página" title="Última Página" /></a></li>
                                                    </ul>
                                                </div>
                                            </div>
                                     </div>
                                     <!-- fim da paginacao -->
                                     
                            </div>
                        </div>
                        
                        <!-- fim da grid resultados -->
                       
                        </form>
                        <!-- fim formulario -->
                        </div>

                     
  </div>
  <!-- fim conteúdo -->

</div>

<!-- rodapé -->
<div class="boxFooter">                         
         <div class="BoxRodapeFuncionalidades">
          <div class="boxFooterSombra">
          <div id="BoxRodape950">
            <!-- endereço -->
            <div id="BoxRodape_endereco">
              <!--<p>SNA - Sistema Nacional de Auditoria
                              <br />
                              DENASUS - Departamento Nacional de Auditoria do SUS<br />
        SAF/Sul – Trecho 02 – Lote 05/06 – Bloco F, Ed. Premium – Torre I, 2° andar<br />
        Brasília (DF), CEP 70070-600 - Tel: (61) 3306-7337</p>-->
              <p>Serviço Florestal Brasileiro<br />
SCEN, Trecho 2, Bl. H cep: 70818-900 - Brasília - DF<br />
Telefone: (61) 2028-7258 / 7274 Fax: (61) 20287269</p>
            </div>
            <!-- fim do endereco -->
            <!-- logomarca datasus -->
            <div id="BoxRodapeDireitos">Todos os direitos reservados - © 2013</div>
            <!-- fim logomarca datasus -->
          </div>
        </div>  
        </div>
</div>
<!-- fim rodapé -->


</body>
</html>